<template>
  <div class="logo-container">
    <div class="sc-gauFBm AMHVZ">
      <div style="width: 440px">
        <div style="width: 100%; font-size: 24px; line-height: 20px">
          <span class="global-title">睢宁县鸿福育菇房辅助分析平台</span>
        </div>
        <div class="fu-title" style="width: 100%">GAOYOUSHI NONGYE DASHUJU PINGTAI</div>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup></script>
<style scoped>
.logo-container {
  font-size: 20px;
  font-weight: bold;
  color: rgb(255, 255, 255);
  text-shadow: rgb(0 22 95 / 76%) 0px 2px 2px;
  font-family: SourceHanSansCN;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 1px;
  color: rgb(240, 247, 255);
  width: 440px;
  padding: 16px 16px 16px 12px;
  background-image: url(./../assets/qidon-title-bg.bfdb32a7.png);
  background-size: 100% 100%;
  position: absolute;
  text-align: center;
}
.fu-title {
  height: 12px;
  margin: 4px 0px 0px;
  opacity: 0.7;
  font-family: PingFangSC;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  color: rgb(240, 247, 255);
  position: relative;
  top: 6px;
  left: -38px;
  opacity: 0;
}
.global-title {
  position: relative;
  left: -27px;
  top: 5px;
}
</style>
